<template>
  <!-- 虚拟DOM -->
  <!-- template标签中写的标签都是模板,都要被vue处理过后,才能显示到真实的DOM页面上 -->
  <!-- 内存中生成一样的DOM结构  其本质就是一个JS对象  真实的DOM属性巨多,没办法快速知道哪个属性改变了 -->

  <!-- 之后vue数据更新  因为有Vertical DOM的存在   所以 生成新的Vertical DOM  和之前的 Vertical Dom进行对比 -->
  <!-- 只更新发生了变化的那一部分(重绘/回流)到页面 -->

  <!-- 重绘: 
    当render tree中的一些元素需要更新属性，而这些属性只是影响元素的外观，风格，而不会影响布局的，比如background-color。则就叫称为重绘。
  -->
  <!-- 回流: 
  当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至少需要一次回流，就是在页面第一次加载的时候，这时候是一定会发生回流的，因为要构建render tree。在回流的时候，浏览器会使渲染树中受到影响的部分失效，
  并重新构造这部分渲染树，完成回流后，浏览器会重新绘制受影响的部分到屏幕中，该过程成为重绘。
  -->
  <div></div>
</template>

<script>
export default {};
</script>

<style></style>
